<template>
<div class="lev">
    <div class="lv">
      <img :src="txt" alt="">
      <div class="lve">
          <h5>{{txta|xm}}</h5>
          <p>{{txtb}}</p>
          <h6>已售{{txtc}}份</h6>
      </div>
  </div>
</div>
  
</template>

<script>
export default {
props:["txt","txta","txtb","txtc"],
filters:{
    xm(data){
        if(data.length>12){
            return data.substr(0,12)+"..."
        }else{
            return data
        }
    }
}
}
</script>

<style scoped>
.lev{
    width: 2.9rem;
    height: 0.96rem;
        margin: auto;
}
.lv{
    width: 2.9rem;
    height: 0.59rem;
    display: flex;
    justify-content: space-around;

}
.lv img{
    width: 0.66rem;
    height: 0.59rem;
}
.lve{
    width: 1.82rem;
    height: 0.59rem;
}
h5{
    font-size: 0.14rem;
}
p{
    font-size: 0.1rem;
    line-height: 0.24rem;
}
h6{
    font-size: 0.12rem;
    color: #ad834d;
}
</style>